<template>
  <div id="app">
    <transition :name="aniType">
      <router-view/>
    </transition>
    
  </div>
</template>

<script>
export default {
  data:function(){
    return {
      aniType:""
    }
  },
  watch:{
    $route:function(nv,ov){
      var nCount = nv.path.split("/").length-1;
      var oCount = ov.path.split("/").length-1;
      // console.log(nCount)
      // console.log(oCount)
      if(nCount>oCount){
        this.aniType="pagein";
      }else if(nCount<oCount){
        this.aniType="pageout";
      }else{
        this.aniType="";
      }
    }
  },
  mounted:function(){
    // console.log(123)
    this.$store.dispatch("requestIslogin")
  }
}




</script>

<style>
  

</style>
